<%@ page contentType="text/html;charset=UTF-8"%>

<style>

    .linkbutton {
        display:inline-block;
        width:100px; height:100%;
        align-content: center;
        text-align: center;
        color:#8C8C8C;
        font-size: 15px; line-height: 40px;
    }
    .linkbutton:hover {
        background-color:#DCDCDC;
        color:#444444;
    }
    .linkbutton:checked {
        background-color:#DCDCDC;
        color:#444444;
    }

    .fa-head {
        font-size:18px;
        margin: 0 5px 0 0;
    }

    .linkbutton-info-head {
        text-align: center;
        display:inline-block;
        width:30px; height:30px;
        border-radius: 6px;
        border: 3px solid #6d6d6d;
        margin-top: 5px;
    }
    .linkbutton-info-name {
        align-content: center;
        text-align: center;
        display:inline-block;
        width:auto; height:100%;
        margin: 0 0 0 0;
    }

</style>

<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'east', split:true, border:false" style="width:200px; background-color:#EDEDED;">
        <%--<a href="javascript:void(0);" class="linkbutton linkbutton-info-head"></a>
        <a href="javascript:void(0);" class="linkbutton linkbutton-info-name">昵称</a>
        <a href="javascript:void(0);" class="linkbutton linkbutton-info">退出</a>--%>
            <%--<span class="linkbutton linkbutton-info-head"></span>--%>
            <div class="easyui-layout" data-options="fit:true">
                <div data-options="region:'west', split:true, border:false" style="width:40px; background-color:#EDEDED;">
                    <span class="linkbutton linkbutton-info-head"></span>
                </div>
                <div data-options="region:'east', split:true, border:false" style="width:40px; background-color:#EDEDED;">
                    <span class="linkbutton linkbutton-info-name">退出</span>
                </div>
                <div data-options="region:'center', border:false" style="width:40px; background-color:#EDEDED;">
                    <span class="linkbutton linkbutton-info-name">超级管理员</span>
                </div>
            </div>
    </div>
    <div data-options="region:'west', split:true, border:false" style="width:100px; background-color:#EDEDED;"></div>
    <div data-options="region:'center', border:false" style="background-color:#EDEDED;">
        <a href="javascript:void(0);" class="linkbutton"><i class="fa fa-home fa-head"></i>首页</a>
        <a href="javascript:void(0);" class="linkbutton"><i class="fa fa-archive fa-head"></i>等待设置</a>
        <a href="javascript:void(0);" class="linkbutton"><i class="fa fa-archive fa-head"></i>等待设置</a>
        <a href="javascript:void(0);" class="linkbutton"><i class="fa fa-archive fa-head"></i>基础管理</a>
        <a href="javascript:void(0);" class="linkbutton"><i class="fa fa-gear fa-head"></i>系统管理</a>
        <a href="javascript:void(0);" class="linkbutton"><i class="fa fa-bars fa-head"></i>更多导航</a>
    </div>
</div>

<script>

</script>